<!DOCTYPE HTML>
<html>
    
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
        <title>
            拼手气
        </title>
        <link href="css/style.css" type="text/css" rel="stylesheet" />
        <script type="text/javascript">
            $(document).ready(function(e) {
                $('.fight_box span').click(function() {
                    $(this).addClass('span_change');
                });
            });
        </script>
    </head>
    
    <body class="main_background">
        <div class="jubao" onclick="window.location.href='http://test.srwcpw.cn/index.php/User/Red/tousua.html'">
            <img src="picture/tousu.png" />
        </div>
        <div class="box padding_bottom02">
            <div class="top_02">
                <img src="picture/top_bg.png" />
            </div>
            <div class="guang">
                <img id="img" src="picture/guang.png" />
            </div>
            <script type="text/javascript">
                $(document).ready(function() {
                    var angle = 0;
                    setInterval(function() {
                        angle += 3;
                        $("#img").rotate(angle);
                    },
                    100);
                });
            </script>
            <div class="center">
                <div class="c_b background_white b_r no_pt cb_p">
                    <div style="margin-bottom: 10px;margin-top: 25px;">
                        <div style="width: 100%;height:20px;line-height:20px;padding-top: 5px;padding-bottom: 5px;">
                            <div style="margin-left: 0;margin-right: 5px;">
                                <div style="width: 20px;height: 20px;background-size: 20px;background-repeat: no-repeat;background-image: url(images/gongg.png);float: left;margin-right: 5px;">
                                </div>
                                <ul id="marquee" class="marquee" style="font-size: 15px;">
                                    <li>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <h3 class="title no_margin font_red t_p">
                        点击拆红包
                    </h3>
                    <div class="fight fight_box">
                        <span class="redpacket">
                            <em>
                            </em>
                            <img src="picture/bag.png" />
                        </span>
                        <span class="redpacket">
                            <em>
                            </em>
                            <img src="picture/bag.png" />
                        </span>
                        <span class="redpacket">
                            <em>
                            </em>
                            <img src="picture/bag.png" />
                        </span>
                        <span class="redpacket">
                            <em>
                            </em>
                            <img src="picture/bag.png" />
                        </span>
                        <span class="redpacket">
                            <em>
                            </em>
                            <img src="picture/bag.png" />
                        </span>
                        <span class="redpacket">
                            <em>
                            </em>
                            <img src="picture/bag.png" />
                        </span>
                        <span class="redpacket">
                            <em>
                            </em>
                            <img src="picture/bag.png" />
                        </span>
                        <span class="redpacket">
                            <em>
                            </em>
                            <img src="picture/bag.png" />
                        </span>
                        <span class="redpacket">
                            <em>
                            </em>
                            <img src="picture/bag.png" />
                        </span>
                        <span class="redpacket">
                            <em>
                            </em>
                            <img src="picture/bag.png" />
                        </span>
                        <span class="redpacket">
                            <em>
                            </em>
                            <img src="picture/bag.png" />
                        </span>
                        <span class="redpacket">
                            <em>
                            </em>
                            <img src="picture/bag.png" />
                        </span>
                        <span class="redpacket">
                            <em>
                            </em>
                            <img src="picture/bag.png" />
                        </span>
                        <span class="redpacket">
                            <em>
                            </em>
                            <img src="picture/bag.png" />
                        </span>
                        <span class="redpacket">
                            <em>
                            </em>
                            <img src="picture/bag.png" />
                        </span>
                    </div>
                </div>
            </div>
        </div>
        <div class="nav nav_background" style="z-index: 99999;">
            <a href="http://test.srwcpw.cn/index.php/User/Red/index.html">
                抢红包
            </a>
            <a href="http://test.srwcpw.cn/index.php/User/Red/ranking.html">
                排行榜
            </a>
            <a href="http://test.srwcpw.cn/index.php/User/Daili/index.html">
                代理
            </a>
            <a href="http://test.srwcpw.cn/index.php/User/Red/mine.html">
                我的
            </a>
            <a href="http://test.srwcpw.cn/index.php/User/Red/contact.html" class="no_border">
                客服
            </a>
        </div>
        <div id="top_up" class="modal" tabindex="-1" role="dialog" style="text-align: center;">
            <h4>
                中奖结果
            </h4>
            <span style="font-size: 15px;">
                恭喜您获得
                <span style="color: red;" id="fee">
                </span>
                元
            </span>
            <a style="width: 100%;margin-top: 5px;" href="javascript:" class="d_close">
                关闭
            </a>
        </div>
        <div id="tip" class="modal" tabindex="-1" role="dialog" style="text-align: center;">
            <div style="padding-left: 5px;padding-right: 5px;padding-bottom: 5px;">
                <h4>
                    信息提示
                </h4>
                <span style="font-size: 15px;" id="text">
                </span>
                <a style="width: 100%;margin-top: 5px;" href="javascript:" id="reload_close">
                    确定
                </a>
            </div>
        </div>
        <script src="js/jquery.min.js">
        </script>
        <script type="text/javascript" src="js/jweixin-1.2.0.js">
        </script>
        <script type="text/javascript" src="js/bootstrap.min.js">
        </script>
        <script type="text/javascript" src="js/scroll.js">
        </script>
        <script type="text/javascript" src="js/jquery.marquee.min.js">
        </script>
        <script type="text/javascript">
            $("#reload_close").on("click",
            function() {
                window.location.href = "/index.php/User/Red/index.html";
            });
            $("#tip_close").on("click",
            function() {
                $('#tip').modal("hide");
                $('#tip').find("#text").text(null);
            });

            $(".redpacket").on("click",
            function() {
                var o = $(this);
                $.ajax({
                    type: "post",
                    url: "/index.php/User/Red/openred.html?skin=jingcai",
                    data: $(this).serialize(),
                    dataType: "json",
                    success: function(response) {
                        console.log(response);
                        if (response.status != "0") {
                            $('#tip').find("#text").text(response.message);
                            $('#tip').modal({
                                "backdrop": "static"
                            });
                            return;
                        }
                        $('#top_up').find("#fee").text(response.data.fee);
                        $('#top_up').modal({
                            "backdrop": "static"
                        });
                    }
                });
            });
            $(".d_close").on("click",
            function() {
                window.location.href = "/index.php/User/Red/index.html";
            });
            $(".win").myScroll({
                speed: 80,
                //数值越大，速度越慢
                rowHeight: 20 //li的高度
            });
            $("#marquee").marquee({
                scrollSpeed: 30,
                pauseSpeed: 1000
            });
        </script>
    </body>

</html>